"use client"
import React from 'react'
import { Tabbar } from 'react-vant';
import { FriendsO, HomeO, Search, SettingO } from '@react-vant/icons'
import Link from 'next/link'


// const TabBar: React.FC = () => {

//     const navigate = useNavigate()

//     return (
//         <div>
//             {/* <Link href="/Home" >首页</Link>
//             <Link href="/CRM">CRM</Link>
//             <Link href="/build">工作圈</Link>
//             <Link href="/data">数据</Link>
//             <Link href="/my">我的</Link> */}
//             <Tabbar className="tab-bar">
//                 <Tabbar.Item className='item' onClick={navigate('/home')} icon={<HomeO fontSize={'30px'}/>}>标签</Tabbar.Item>
//                 <Tabbar.Item className='item' icon={<Search fontSize={'30px'}/>}>标签</Tabbar.Item>
//                 <Tabbar.Item className='item' icon={<FriendsO fontSize={'30px'}/>}>标签</Tabbar.Item>
//                 <Tabbar.Item className='item' icon={<SettingO fontSize={'30px'}/>}>标签</Tabbar.Item>
//             </Tabbar>
//         </div>
//     );
// };

// export default TabBar;  



export default function Tabber() {
  return (
    <div>
        <Tabbar className="tab-bar">
            <Link href="/home" passHref>
                <Tabbar.Item className='item' icon={<HomeO fontSize={'30px'}/>}>标签</Tabbar.Item>
            </Link>
            <Link href="/CRM" passHref>
                <Tabbar.Item className='item' icon={<HomeO fontSize={'30px'}/>}>标签</Tabbar.Item>
            </Link>
            <Link href="/build" passHref>
                <Tabbar.Item className='item' icon={<HomeO fontSize={'30px'}/>}>标签</Tabbar.Item>
            </Link>
            <Link href="/data" passHref>
                <Tabbar.Item className='item' icon={<HomeO fontSize={'30px'}/>}>标签</Tabbar.Item>
            </Link>
            <Link href="/my" passHref>
                <Tabbar.Item className='item' icon={<HomeO fontSize={'30px'}/>}>标签</Tabbar.Item>
            </Link>
            {/* <Tabbar.Item className='item' icon={<Search fontSize={'30px'}/>}>标签</Tabbar.Item>
            <Tabbar.Item className='item' icon={<FriendsO fontSize={'30px'}/>}>标签</Tabbar.Item>                <Tabbar.Item className='item' icon={<SettingO fontSize={'30px'}/>}>标签</Tabbar.Item>
            <Tabbar.Item className='item' icon={<SettingO fontSize={'30px'}/>}>标签</Tabbar.Item> */}
        </Tabbar>
    </div>
  )
}
